import Vue from 'vue'
import App from './App.vue'
// 导入路由模块，目的：拿到路由的实例对象
// 在进行模块化导入的时候，如果给定的是文件夹，则默认导入这个文件夹下，名字叫做 index.js 的文件
import router from './router'
import VueLazyload from 'vue-lazyload'
import store from './store'

import './assets/global.css'
import Toast from './components/toast'
import Modal from './components/modal'

import { Button, Input, Loading } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/global.css'

Vue.prototype.$toast = Toast
Vue.prototype.$modal = Modal

Vue.config.productionTip = false

Vue.use(VueLazyload, {
  preLoad: 1, //预加载高度
  error: require('@/assets/img/cube0.jpg'), //错误展示图片
  loading: require('@/assets/img/cube0.jpg'), //加载等待图片
  attempt: 1 //尝试次数
})

Vue.use(Button)
Vue.use(Input)
Vue.use(Loading.directive)

new Vue({
  // 在 Vue 项目中，要想把路由用起来，必须把路由实例对象，通过下面的方式进行挂载
  // router: 路由的实例对象
  router,
  store,
  render: h => h(App)
}).$mount('#app')
